<template>
  <!-- 账号注册 -->
  <div class="regsiter-form">
    <span class="regsiter">账号注册</span>
    <!-- <input class="phone-num input" type="text" placeholder="请输入手机号">
                <input class="password input" type="text" placeholder="请输入密码">
                <input class="password-again input" type="text" placeholder="确认密码"> -->
    <div class="input-box">
      <div class="input-concrol">
        <div class="input-text">
          <input
            name="regsiter-phone-num"
            class="input-text-input"
            type="text"
          />
          <Label class="input-text-label">请输入手机号</Label>
        </div>
      </div>
    </div>
    <div class="input-box">
      <div class="input-concrol">
        <div class="input-text">
          <input
            name="regsiter-password"
            class="input-text-input"
            type="text"
          />
          <Label class="input-text-label">请输入密码</Label>
        </div>
      </div>
    </div>
    <div class="input-box">
      <div class="input-concrol">
        <div class="input-text">
          <input
            name="regsiter-password-again"
            class="input-text-input"
            type="text"
          />
          <Label class="input-text-label">确认密码</Label>
        </div>
      </div>
    </div>
    <div class="regsiter-verification">
      <!-- <input class="regsiter-verification-code input" type="text" placeholder="请输入验证码"> -->
      <div class="input-box">
        <div class="input-concrol">
          <div class="input-text">
            <input
              name="regsiter-verification-code"
              class="input-text-input"
              type="text"
            />
            <Label class="input-text-label">请输入验证码</Label>
          </div>
        </div>
      </div>
      <span class="regsiter-obtain-verification-code">获取验证码</span>
    </div>
    <span class="prompt hidden">短信验证码已发送请在30分钟内填写</span>
    <div class="accept-terms">
      <!-- <input class="checkbox" type="checkbox"> -->
      <div class="checkbox active"></div>
      <span class="tick active"></span>
      <span class="text"
        >已阅读并同意知了账号<a href="">用户协议</a>和<a href=""
          >隐私政策</a
        ></span
      >
    </div>
    <button class="btn-regsiter">注册</button>
    <tool path='/login' text='登录'></tool>
  </div>
</template>
<script>
const tool = () => import('./tool.vue')
export default {
  components: {
    tool
  }
}
</script>
